﻿/* 全局公共样式的设定 */
*{margin:0; padding:0; font-family:"微軟正黑體","微软雅黑","Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;; line-height:22px;color:#333;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd{margin:0;padding:0;border:0;}
body{color:#333;font:14px "微軟正黑體","微软雅黑","Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;;}
li{list-style-type:none;}
h1,h2,h3,h4,h5,h6 {font-size:13px; font-weight:normal;}
input,button,textarea,select{font:14 "微軟正黑體","微软雅黑","Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;}

/* 默认全局样式超链接样式 */
a:link {color: #333; text-decoration:none;transition:all 0.3s ;-webkit-transition:all 0.3s}/* 链接基本样式 */
a:visited {color: #333;text-decoration:none;transition:all 0.3s ;-webkit-transition:all 0.3s}/* 链接点击过后的样式 */
a:hover {color: #ec1c4d; text-decoration:none;transition:all 0.3s ;-webkit-transition:all 0.3s}/* 链接移上时的样式 */
a:active {color: #ec1c4d; text-decoration:none;transition:all 0.3s ;-webkit-transition:all 0.3s}/* 链接点击时的样式 */

/* 其它常用样式的定义 */
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.noBorder{border:none;}
.bd{ border:1px solid #ccc;}



img,li{ vertical-align:top;}

.blank70px{ height:70px; line-height:70px; font-size:0; clear:both}
.blank50px{ height:50px; line-height:50px; font-size:0; clear:both}
.blank45px{ height:45px; line-height:45px; font-size:0; clear:both}
.blank40px{ height:40px; line-height:40px; font-size:0; clear:both}
.blank35px{ height:35px; line-height:35px; font-size:0; clear:both}
.blank30px{ height:30px; line-height:30px; font-size:0; clear:both}
.blank25px{ height:25px; line-height:25px; font-size:0; clear:both}
.blank20px{ height:20px; line-height:20px; font-size:0; clear:both}
.blank10px{ height:10px; line-height:10px; font-size:0; clear:both}
.blank15px{ height:15px; line-height:15px; font-size:0; clear:both}
.blank78px{ height:82px; line-height:82px; font-size:0; clear:both}
.blank100px{ height:100px; line-height:100px; font-size:0; clear:both}


/*头部-S*/
.head_box{ height:100px; background:url(../images/top_bgline.gif) repeat-x left bottom}
.head_box .nav{ padding-top:55px; position:relative;}
.head_box .nav ul{ padding-left:150px;  }
.head_box .nav ul li{ float:left; padding-left:15px; padding-right:15px; position:relative}
.head_box .nav ul li>a{ padding-bottom:17px}
.head_box .nav ul li>a:hover,.head_box .nav ul li>a.navcurrrent{ border-bottom:3px solid #fe7676;}
.head_box .nav ul li.nav_logocon{ width:160px; display:block; background-color:#fff; text-align:center; height:80px}
.head_box .nav ul li.nav_logocon span{ display:block;position:relative; }
.head_box .nav ul li.nav_logocon img{ width:150px; position:absolute; left:0; top:-18px}


.head_box .nav ul li.about_logo{ width:160px; display:block; background-color:#fff; text-align:center; height:203px}
.head_box .nav ul li.about_logo span{ display:block;position:relative; }
.head_box .nav ul li.about_logo img{ width:220px; position:absolute; left:-30px; top:-18px}

.head_box .nav ul li#nav_logocon{ width:160px; display:block; background-color:#fff; text-align:center; height:80px}
.head_box .nav ul li#nav_logocon span{ display:block;position:relative; }
.head_box .nav ul li#nav_logocon img{ width:150px; position:absolute; left:0; top:-18px}

.head_box .nav ul li#about_logo{ width:160px; display:block; background-color:#fff; text-align:center; height:203px}
.head_box .nav ul li#about_logo span{ display:block;position:relative; }
.head_box .nav ul li#about_logo img{ width:220px; position:absolute; left:-30px; top:-18px}




/*下拉菜单开始*/
.lightblue { display:block;}
.lightblues { display:block;}


.head_box .nav .subbyytt a{ font-size:14px;}

.subbyytt { width:180px; z-index:996; position:absolute;  height:auto; display:none; top:40px; background:#fff ;box-shadow:3px 3px 3px 0px rgba(0,0,0,.3) }
.subbyytt .threeadd h4 {text-align:left; padding:15px 15px 15px 45px; border-bottom:1px dashed #ff7676; position:relative; background:url(../images/nav_ico.png) no-repeat 10px 20px; }
.subbyytt .threeadd h4 a:hover {  margin:0;}
.subbyytt .threeadd h4 span {font-size:16px;font-weight:normal; cursor:pointer; position:absolute; right:3px; top:14px; z-index:1;-webkit-transition:all .5s ease-in; -moz-transition:all .5s ease-in; -ms-transition:all .5s ease-in; -o-transition:all .5s ease-in;transition:all .5s ease-in; }
.subbyytt .threeadd h4:hover span{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}

.threes { color:#fff; padding:0 0 0 5px;}

.ppvratt{min-width:123px; z-index:988; position:absolute;  margin:-45px 0 0 180px; display:none;}
.fouradd { width:220px; background:#fff ;box-shadow:3px 3px 3px 0px rgba(0,0,0,.3)  }  
.fouradd h5 {padding:15px 15px 15px 45px;margin:0 0 0 9px;text-align:left; font-size:14px; border-bottom:1px dashed #ff7676;position:relative;background:url(../images/nav_ico.png) no-repeat 10px 20px;  }
.fouradd h5 span { font-size:16px;font-weight:normal; cursor:pointer; position:absolute; right:3px; top:14px; z-index:1;-webkit-transition:all .5s ease-in; -moz-transition:all .5s ease-in; -ms-transition:all .5s ease-in; -o-transition:all .5s ease-in;transition:all .5s ease-in; }
.fouradd h5:hover span{  -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);}
.fouradd h5 a:hover {margin:0;}



/*下拉菜单开始*/
.lightblue { display:block;}
.lightblues { display:block;}






/*底部-S*/
.foot_box{ background:url(../images/bottom_bg.gif) repeat left top; padding-bottom:84px;}
.foot_box .foot_con{ background-color:rgba(0,0,0,.3); height:215px;}

.foot_box .foot_con .foot_logo{ width:465px; display:block; padding-top:40px;}
.foot_box .foot_con .foot_logo span{ width:150px; padding-left:12px;}
.foot_box .foot_con .foot_logo dl{ display:block}
.foot_box .foot_con .foot_logo dl dd{ margin-bottom:15px; line-height:13px}

.foot_box .foot_con .foot_nav{ width:700px; padding-top:40px;}
.foot_box .foot_con .foot_nav dl{ width:160px; float:left; margin-left:11px}
.foot_box .foot_con .foot_nav dl dt{ font-size:15px; font-weight:bold}

.foot_box .foot_copy{background-color:rgba(0,0,0,.65); height:90px; border-bottom:1px solid #000 }
.foot_box .foot_copy .copy_con p{ padding-top:37px; color:#fff; width:500px;}
.foot_box .foot_copy .copy_con dl{ width:500px; padding-top:27px;}
.foot_box .foot_copy .copy_con dl dd{ height:39px; line-height:39px; text-align:right; color:#fff}
.foot_box .foot_copy .copy_con dl dd span{ float:right; width:39px; height:39px; display:block; margin-left:15px;}